<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="__STATIC__/mobile/css/mui.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/mobile/css/main.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/layer_mobile/need/layer.css"/>
    <script src="__STATIC__/mobile/js/jquery-1.11.2.min.js"></script>
    <script src="__STATIC__/layer_mobile/layer.js"></script>
    <script src="__STATIC__/mobile/js/mui.js"></script>
    <script src="__STATIC__/mobile/js/mui.view.js "></script>
    <script src="__STATIC__/mobile/js/vue.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
        * {
            font-size: 98%;
        }

        body {

            overflow-y: hidden;
        }


        header {
            display: flex;
            justify-content: center;
            font-size: 60%;
        }

        .h-left,
        .h-right {
            flex: 1;
            line-height: 40px;
            width: 20%;
            text-align: center;
            color: white;
        }

        .h-left {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        .h-right {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 0;
            margin: 0;
        }

        .h-right span {
            text-align: right;
        }

        .h-right img {}

        .h-bg {
            background-color: #00B1D7;
        }

        .caidan {
            position: absolute;
            z-index: 9;
            left: 100%;
            top: 54px;
            width: 45%;
            background-color: #007790;
            text-align: center;
            opacity: 0.9;
        }

        .caidan .cd-header {}

        .caidan .cd-img {
            margin: 3px;
        }

        .caidan .cd-regst,
        .cd-login {
            display: inline-block;
            margin: 3px;
            padding: 3px;
            border-radius: 2px;
            width: 40%;
            color: white;
        }
        .caidan .cd-per{
            margin: 3px auto;
            padding: 3px;
            border-radius: 2px;
            width: 80%;
            background-color: #0DC0D4;
            color: white;
        }
        .cd-regst {
            background-color: #0DC0D4;
        }

        .cd-login {
            background-color: #FF8611;
        }

        .caidan .cd-centent {
            margin: 0;
            padding: 0;
            background-color: #006C83;
        }

        .cd-centent ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: left;
        }

        .cd-centent ul li {
            line-height: 20px;
            margin: 0;
            padding: 6px;
            border-bottom: 1px solid #8F8F94;
            color: white;
        }

        .cd-centent ul li img {
            position: relative;
            vertical-align: middle;
            width: 19px;
            margin-left: 15%;
        }

        .cd-centent ul li span {
            margin-left: 10%;
        }

        .div-lianxi{
            position: fixed;
            bottom: 0;
            height: 40px;
            background-color: #00B1D7;
            width: 100%;
            overflow: hidden;
            color: white;
        }
        .div-foot {
            background-color: #00B1D7;
            color: white;
            width: 100%;
            /*padding: 10px;*/
            font-size: small;
            font-family: "MicrosoftYaHeiUI";
            margin: 0;
            padding: 5px;
        }

        .div-foot div {
            padding-left: 5px;
            padding: 10px auto;
        }

        .div-foot div img {
            vertical-align: middle;
        }

        .f-img{

            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px;
        }
        .f-img img{
            margin: 10px auto;
        }
        .f-xl{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            width: 100%;
            font-size: 17px;
            line-height: 40px;
        }
        .div-top{
            border-style: solid;
            border-width: 10px 10px 10px 10px;
            border-color: transparent transparent white transparent;
            width: 0px;
            height: 0px;
            margin-top: -10px;
        }
        .img1 {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }



    </style>

</head>

<body>
<body class="mui-content">
<include file="Public:header"/>
<iframe id="ifpage" name="ifpagename"  src="{:url('Index/zindex')}" width="100%"  frameborder='0' style="margin-top: 44px;padding-bottom: 40px;">

</iframe>
<include file="Public:footer"/>
<script>
    function wait(){
        var index = layer.open({
            type: 2,
            fix: false
        });

        return index;
    }

    function close_wait(index){
        layer.close(index);
    }

    function tips(obj){
        var index = layer.open({
            content:obj,
            skin:'msg',
            time:2
        });
        return index;
    }

    function showLogin(){
		//alert('123');
        $.ajax({
             type: "GET",
             url: "{:url('Login/check_login')}",
             dataType: "json",
             success: function(data){
                 if(data.code == 0){
                    layer.open({
                        content:data.msg,
                        btn: ['确定'],
                        yes:function (index, item) {
                            location.href = data.url;
                        }
                    });
                 }
             }
        });
    }

    setInterval("showLogin()","20000");
</script>
</body>